[inline][/inline]
[dspp_old id='processPanelFromGrayButton' icons='false' style='maroon-gray' kind='freeChoice']
[dspp_panel id="processPanelFromGrayButton" class="panel popup"]
[dspp_step class="p4Step1" href="#p4content1"]Description[/dspp_step]
[dspp_step class="p4Step2" href="#p4content2"]Implementation[/dspp_step]
[dspp_step class="p4Step3" href="#p4content3"]Step three[/dspp_step]
[dspp_step class="p4Step4" href="#p4content4"]Step four[/dspp_step]
[dspp_step class="p4Step5" href="#p4content5"]Step five[/dspp_step]
[dspp_content id="p4content1"]
Step one - description
This example show Dynamic Step Process Panels displayed as a popup. To close popup just click somewhere outside it.
Features:
- displayed as a popup,
- 5 steps,
- diffrent steps width,
- free choice mode,
- first step selected,
- every step can be choosed again,
- fade effect speed 1 second,
- style maroon-gray,
- previous and next buttons
[/dspp_content]
[dspp_content id="p4content2"]
Step two - Implementation
Available after purchase
[/dspp_content] [dspp_content id="p4content3"]
Step three
Some content for step three
[/dspp_content] [dspp_content id="p4content4" style="text-align: center;"]
Step four
Some content for step four
[/dspp_content] [dspp_content id="p4content5" style="text-align: center;"]
Step five
Some content for step five
[/dspp_content]
[/dspp_panel]
[dspp_old id='processPanelFromGreenButton' style='green-orange' nextButtonTitle='show next' prevButtonTitle='show previous']
[dspp_panel class="panel popup" id="processPanelFromGreenButton"]
[dspp_step label="1" href="step1Content.html#p5content1" class="p5Step1"]Description[/dspp_step]
[dspp_step label="2" href="step2Content.html#p5content2" class="p5Step2"]Implementation[/dspp_step]
[dspp_step label="3" href="#p5content3" class="p5Step3"]Step three[/dspp_step]
[dspp_content id="p5content1"] [/dspp_content]
[dspp_content id="p5content2"] [/dspp_content]
[dspp_content id="p5content3"]
Step three
Static content
Some content for step three
